import {createApp, Vue} from 'vue'
import App from './App.vue'
import {
    Button,
    NavBar,
    Icon,
    Tabbar,
    TabbarItem,
    Search,
    Divider,
    Tag,
    TreeSelect,
    Col,
    Row,
    Cell,
    CellGroup
} from 'vant';
import {createRouter, createWebHashHistory} from 'vue-router'

import routes from "./config/route.ts"; //导入routes

const app = createApp(App);

//路由器实例是通过调用 createRouter() 函数创建的:
const router = createRouter({
    //使用 Hash 模式
    //通过在url后面增加#的方式来标识不同的页面
    //就不会出现服务器找不到页面的情况
    history: createWebHashHistory(),
    routes,
})
//注册路由器插件, 使整个应用支持路由
app.use(router)
app.use(Search); // 引入搜索组件
app.use(NavBar);// 引入NavBar
app.use(Tabbar); // 引入Tabbar 标签栏
app.use(TabbarItem); // 引入Tabbar 标签栏
app.use(Icon); // 引入 Icon 图标
app.use(Button);
app.use(Divider); // 引入分割线
app.use(Tag); // 引入标签
app.use(TreeSelect); // 引入标签分类
app.use(Col); //引入垂直
app.use(Row); //引入水平
app.use(Cell); //引入单元格
app.use(CellGroup); //引入单元格
app.mount('#app');